<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="j__onTop iconfont icon-huidaodingbu"></div>
    <!-- 顶部导航 -->
    <header  class="head__top flex flexCenterEnds">
        <div class="head__top_nav flex h_100 flexCenterEnds">
            <div class="head__top_nav_left flex h_100">
                <a href="#啥也不是" class="logo">Expert</a>
                <nav class="head__top_nav_F w_100 flex flexCenter">
                    <a class="head__top_nav_F_item active Home" href="#啥也不是">Home</a>
                    <a class="head__top_nav_F_item Projects" href="#啥也不是">Projects</a>
                    <a class="head__top_nav_F_item Process" href="#啥也不是">Process</a>
                    <a class="head__top_nav_F_item Testimonials" href="#啥也不是">Testimonials</a>
                    <a class="head__top_nav_F_item Services" href="#啥也不是">Services</a>
                </nav>
            </div>
            <div class="head__top_nav_right h_100 flex flexCenter">
                <a class="Why" href="#啥也不是">Why</a>
                <button class="head__top_btn">Contact</button>
            </div>
            <div class="icon-hanbaocaidanzhedie iconfont head__top_zhedie"></div>
        </div>
    </header>
    <!-- 顶部轮播 -->
    <div class="c__banner w_100 flex bg__top">
        <div class="c__banner_container flex flexCenterEnds">
            <div class="c__banner_content_lf c__banner_top_content_lf">
                <div class="c__banner_content_lf_content c__banner_top_content_lf_content">
                    <div class="c__banner_content_lf_item c__banner_top_content_lf_content_item">
                        <h1>Free-Template.co</h1>
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime ipsa nulla sed quis rerum
                            amet natus quas necessitatibus.</p>
                        <a href="#啥也不是"><span>READ MORE</span></a>
                    </div>
                    <div class="c__banner_content_lf_item c__banner_top_content_lf_content_item">
                        <h1>Free-Template.co</h1>
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime ipsa nulla sed quis rerum
                            amet natus quas necessitatibus.</p>
                        <a href="#啥也不是"><span>READ MORE</span></a>
                    </div>
                    <div class="c__banner_content_lf_item c__banner_top_content_lf_content_item">
                        <h1>High Quality Website Templates</h1>
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime ipsa nulla sed quis rerum
                            amet natus quas necessitatibus.</p>
                        <a href="#啥也不是"><span>READ MORE</span></a>
                    </div>
                    <div class="c__banner_content_lf_item c__banner_top_content_lf_content_item">
                        <h1>We do things right.</h1>
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime ipsa nulla sed quis rerum
                            amet natus quas necessitatibus.</p>
                        <a href="#啥也不是"><span>READ MORE</span></a>
                    </div>
                </div>
            </div>
            <div class="c__banner_content_rg">
                <div class="j__banner_content_btn flex">
                    <div class="j__banner_content_btn_lf iconfont icon-zuojiantou j__banner_top_content_btn_lf"></div>
                    <div class="j__banner_content_btn_rg iconfont icon-youjiantou j__banner_top_content_btn_rg"></div>
                </div>
                <div class="c__banner_content_rg_bg w_100 h_100 clearFix c__banner_top_content_rg_bg">
                    <div class="c__banner_content_rg_bg_content c__banner_top_content_rg_bg_content w_100 h_100">
                        <div class="c__banner_content_rg_bg_item c__banner_top_content_rg_bg_content_item">
                            <img class="img-fluid" src="./images/c__banner_top/1.jpg" alt="">
                        </div>
                        <div class="c__banner_content_rg_bg_item c__banner_top_content_rg_bg_content_item">
                            <img class="img-fluid" src="./images/c__banner_top/2.jpg" alt="">
                        </div>
                        <div class="c__banner_content_rg_bg_item c__banner_top_content_rg_bg_content_item">
                            <img class="img-fluid" src="./images/c__banner_top/3.jpg" alt="">
                        </div>
                        <div class="c__banner_content_rg_bg_item c__banner_top_content_rg_bg_content_item">
                            <img class="img-fluid" src="./images/c__banner_top/4.jpg" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 文章 -->
    <div class="l__article flex w_100">
        <div class="l__article_container h_100 flex flexCenterEnds">
            <div class="l__article_lf h_100">
                <h1>LOVE OUR WORKS</h1>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem possimus distinctio ex. Natus totam
                    voluptatibus animi aspernatur ducimus quas obcaecati mollitia quibusdam temporibus culpa dolore
                    molestias blanditiis consequuntur sunt nisi.</p>
                <p>Aperiam neque id, illum laudantium autem vero quae debitis tempora modi. Ipsa molestias enim in rem
                    et incidunt beatae fugit, ab quam optio atque maiores facere est quidem, veritatis commodi.</p>
                <div class="l__article_score">
                    <p>Aperiam neque id illum laudantium</p>
                    <p>Maiores facere est quidem</p>
                    <p>Laudantium autem vero</p>
                </div>
            </div>
            <div class="l__article_rg">
                <div class="l__article_rg_container">
                    <div class="l__article_rg_text">
                        <div class="iconfont icon-lianjie"></div>
                        <h2>PIXEL PERFECT TEMPLATES</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati commodi aspernatur eum
                            eius inventore facilis.</p>
                        <p>Explore<a href="#啥也也不是">More</a></p>
                    </div>
                    <img src="./images/l__article/1.jpg" class="img-fluid" alt="">
                </div>
            </div>
        </div>
    </div>
    <!-- 统计 -->
    <div class="c__statistics flex w_100">
        <div class="c__statistic_cintainer flex h_100 flexCenterEnds">
            <div class="c__statistic_item h_100 item1 iconfont icon-shuaxin">
                <h1>0</h1>
                <p>Creativity</p>
            </div>
            <div class="c__statistic_item h_100 item1 iconfont icon-xiazai">
                <h1>0</h1>
                <p>WordPress Themes</p>
            </div>
            <div class="c__statistic_item h_100 item1 iconfont icon-diannao">
                <h1>0</h1>
                <p>HTML5 / CSS3</p>
            </div>
            <div class="c__statistic_item h_100 item1 iconfont icon-duihua">
                <h1>0</h1>
                <p>Bootstrap</p>
            </div>
        </div>
    </div>
    <!-- 图片展示 -->
    <div class="c__Exhibition w_100 flex c__exhibitionImg_container">
        <div class="c__Exhibition_container_text_content">
            <div class="c__Exhibition_container_text">
                <h1>OUR PROJECTS</h1>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem possimus distinctio ex. Natus totam
                    voluptatibus animi aspernatur ducimus quas obcaecati mollitia quibusdam temporibus culpa dolore
                    molestias blanditiis consequuntur sunt nisi.</p>
            </div>
        </div>
        <div class="c__Exhibition_container_img_container w_100 flex w_100">
            <div class="c__Exhibition_container_img_content clearFix">
                <div class="c__Exhibition_container_img_content_item c__ImgExhibition">
                    <div class="c__ImgExhibitionHover">
                        <p>Project Name Here</p>
                        <span>Web Development</span>
                    </div>
                    <img src="./images/c__Exhibition_img/1.jpg" alt="">
                </div>
                <div class="c__Exhibition_container_img_content_item c__ImgExhibition">
                    <div class="c__ImgExhibitionHover">
                        <p>Project Name Here</p>
                        <span>Web Development</span>
                    </div>
                    <img src="./images/c__Exhibition_img/2.jpg" alt="">
                </div>
                <div class="c__Exhibition_container_img_content_item c__ImgExhibition">
                    <div class="c__ImgExhibitionHover">
                        <p>Project Name Here</p>
                        <span>Web Development</span>
                    </div>
                    <img src="./images/c__Exhibition_img/4.jpg" alt="">
                </div>
                <div class="c__Exhibition_container_img_content_item c__ImgExhibition">
                    <div class="c__ImgExhibitionHover">
                        <p>Project Name Here</p>
                        <span>Web Development</span>
                    </div>
                    <img src="./images/c__Exhibition_img/4.jpg" alt="">
                </div>
                <div class="c__Exhibition_container_img_content_item c__ImgExhibition">
                    <div class="c__ImgExhibitionHover">
                        <p>Project Name Here</p>
                        <span>Web Development</span>
                    </div>
                    <img src="./images/c__Exhibition_img/1.jpg" alt="">
                </div>
                <div class="c__Exhibition_container_img_content_item c__ImgExhibition">
                    <div class="c__ImgExhibitionHover">
                        <p>Project Name Here</p>
                        <span>Web Development</span>
                    </div>
                    <img src="./images/c__Exhibition_img/2.jpg" alt="">
                </div>
                <div class="c__Exhibition_container_img_content_item c__ImgExhibition">
                    <div class="c__ImgExhibitionHover">
                        <p>Project Name Here</p>
                        <span>Web Development</span>
                    </div>
                    <img src="./images/c__Exhibition_img/3.jpg" alt="">
                </div>
                <div class="c__Exhibition_container_img_content_item c__ImgExhibition">
                    <div class="c__ImgExhibitionHover">
                        <p>Project Name Here</p>
                        <span>Web Development</span>
                    </div>
                    <img src="./images/c__Exhibition_img/4.jpg" alt="">
                </div>
                <div class="c__Exhibition_container_img_content_item c__ImgExhibition">
                    <div class="c__ImgExhibitionHover">
                        <p>Project Name Here</p>
                        <span>Web Development</span>
                    </div>
                    <img src="./images/c__Exhibition_img/1.jpg" alt="">
                </div>
            </div>
        </div>
        <div class="c__Exhibition_btn c__Img_Exhibition_btn">
        </div>
    </div>
    <!-- app介绍 -->
    <div class="l__introduce flex w_100">
        <div class="l__introduce_cintainer h_100">
            <h1>OUR APPROACH</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem possimus distinctio ex. Natus totam
                voluptatibus animi aspernatur ducimus quas obcaecati mollitia quibusdam temporibus culpa dolore
                molestias blanditiis consequuntur sunt nisi.</p>
            <div class="l__introduce_cintainer_content flex flexCenterEnds">
                <div class="l__introduce_cintainer_content_item">
                    <div class="iconfont icon-Dyanjing"></div>
                    <h2>DATA GATHERING</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem possimus distinctio ex. Natus totam
                        voluptatibus animi aspernatur ducimus quas obcaecati mollitia quibusdam temporibus culpa dolore
                        molestias blanditiis consequuntur sunt nisi.</p>
                </div>
                <div class="l__introduce_cintainer_content_item">
                    <div class="iconfont icon-lianjie"></div>
                    <h2>IMPLEMEN TATION</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem possimus distinctio ex. Natus totam
                        voluptatibus animi aspernatur ducimus quas obcaecati mollitia quibusdam temporibus culpa dolore
                        molestias blanditiis consequuntur sunt nisi.</p>
                </div>
                <div class="l__introduce_cintainer_content_item">
                    <div class="iconfont icon-diannao_o"></div>
                    <h2>LAUNCH LALAAA</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem possimus distinctio ex. Natus totam
                        voluptatibus animi aspernatur ducimus quas obcaecati mollitia quibusdam temporibus culpa dolore
                        molestias blanditiis consequuntur sunt nisi.</p>
                </div>
            </div>
        </div>
    </div>
    <!-- 人物介绍 -->
    <div class="c__banner w_100 flex c__banner_people">
        <div class="c__banner_people_head">
            <h1>TESTIMONIALS</h1>
            <p>Natus totam voluptatibus animi aspernatur ducimus quas obcaecati mollitia quibusdam temporibus culpa
                dolore molestias blanditiis consequuntur sunt nisi.</p>
        </div>
        <div class="c__banner_container c__banner_people_center flex flexCenterEnds">
            <div class="c__banner_content_lf c__banner_people_text_container">
                <div class="c__banner_content_lf_content c__banner_people_text_content">
                    <div class="c__banner_content_lf_item  c__banner_people_text_item">
                        <p> <span>“</span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos
                            corrupti, obcaecati repudiandae, animi ad quos. Eius expedita ipsa qui autem.</p>
                        <p>— Rober Kenneth <span>”</span></p>

                    </div>
                    <div class="c__banner_content_lf_item c__banner_people_text_item">
                        <p> <span>“</span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos
                            corrupti, obcaecati repudiandae, animi ad quos. Eius expedita ipsa qui autem.</p>
                        <p>— Jean Doe <span>”</span></p>

                    </div>
                    <div class="c__banner_content_lf_item  c__banner_people_text_item">
                        <p> <span>“</span>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime ipsa nulla sed
                            quis rerum
                            amet natus quas necessitatibus.</p>
                        <p>— Gregg Pollach <span>”</span></p>

                    </div>
                    <div class="c__banner_content_lf_item c__banner_people_text_item">
                        <p><span>“</span>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime ipsa nulla sed
                            quis rerum
                            amet natus quas necessitatibus.</p>
                        <p> — Rober Kenneth <span>”</span></p>

                    </div>
                </div>
            </div>
            <div class="c__banner_content_rg">
                <div class="j__banner_content_btn flex">
                    <div class="j__banner_content_btn_lf iconfont icon-zuojiantou c__banner_people_btn_lf"></div>
                    <div class="j__banner_content_btn_rg iconfont icon-youjiantou c__banner_people_btn_rg"></div>
                </div>
                <div class="c__banner_content_rg_bg w_100 h_100 clearFix c__banner_people_container">
                    <div class="c__banner_content_rg_bg_content  w_100 h_100 c__banner_people_content">
                        <div class="c__banner_content_rg_bg_item c__banner_people_item">
                            <img class="img-fluid" src="./images/c__banner_people/1.jpg" alt="">
                        </div>
                        <div class="c__banner_content_rg_bg_item c__banner_people_item">
                            <img class="img-fluid" src="./images/c__banner_people/2.jpg" alt="">
                        </div>
                        <div class="c__banner_content_rg_bg_item c__banner_people_item">
                            <img class="img-fluid" src="./images/c__banner_people/3.jpg" alt="">
                        </div>
                        <div class="c__banner_content_rg_bg_item c__banner_people_item">
                            <img class="img-fluid" src="./images/c__banner_people/4.jpg" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 项目展示 -->
    <div class="c__Exhibition w_100 flex c__projectExhibition_container">
        <div class="c__Exhibition_container_text_content">
            <div class="c__Exhibition_container_text">
                <h1>OUR PROJECTS</h1>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem possimus distinctio ex. Natus totam
                    voluptatibus animi aspernatur ducimus quas obcaecati mollitia quibusdam temporibus culpa dolore
                    molestias blanditiis consequuntur sunt nisi.</p>
            </div>
        </div>
        <div class="c__Exhibition_container_img_container c__prejectExhibition_container_img_container w_100 flex w_100">
            <div class="c__Exhibition_container_img_content c__prejectExhibition_container_img_content clearFix">
                <div class="c__Exhibition_container_img_content_item c__projectExhibition">
                    <div class="c__projectxhibitionHover">
                        <div class="iconfont icon-xiazai"></div>
                        <h1>WordPress Integration</h1>
                        <p>Natus totam voluptatibus animi aspernatur ducimus quas obcaecati mollitia quibusdam temporibus culpa dolore molestias blanditiis consequuntur sunt nisi.</p>
                    </div>
                </div>
                <div class="c__Exhibition_container_img_content_item c__projectExhibition">
                    <div class="c__projectxhibitionHover">
                        <div class="iconfont icon-diannao"></div>
                        <h1>Web Development</h1>
                        <p>Natus totam voluptatibus animi aspernatur ducimus quas obcaecati mollitia quibusdam temporibus culpa dolore molestias blanditiis consequuntur sunt nisi.</p>
                    </div>
                </div>
                <div class="c__Exhibition_container_img_content_item c__projectExhibition">
                    <div class="c__projectxhibitionHover">
                        <div class="iconfont icon-shuaxin"></div>
                        <h1>HTML5/CSS3</h1>
                        <p>Natus totam voluptatibus animi aspernatur ducimus quas obcaecati mollitia quibusdam temporibus culpa dolore molestias blanditiis consequuntur sunt nisi.</p>
                    </div>
                </div>
                <div class="c__Exhibition_container_img_content_item c__projectExhibition">
                    <div class="c__projectxhibitionHover">
                        <div class="iconfont icon-lianjie"></div>
                        <h1>HTML5/CSS3</h1>
                        <p>Natus totam voluptatibus animi aspernatur ducimus quas obcaecati mollitia quibusdam temporibus culpa dolore molestias blanditiis consequuntur sunt nisi.</p>
                    </div>
                </div>
                <div class="c__Exhibition_container_img_content_item c__projectExhibition">
                    <div class="c__projectxhibitionHover">
                        <div class="iconfont icon-Dyanjing"></div>
                        <h1>Web Development</h1>
                        <p>Natus totam voluptatibus animi aspernatur ducimus quas obcaecati mollitia quibusdam temporibus culpa dolore molestias blanditiis consequuntur sunt nisi.</p>
                    </div>
                </div>
                <div class="c__Exhibition_container_img_content_item c__projectExhibition">
                    <div class="c__projectxhibitionHover">
                        <div class="iconfont icon-xiazai"></div>
                        <h1>WordPress Integration</h1>
                        <p>Natus totam voluptatibus animi aspernatur ducimus quas obcaecati mollitia quibusdam temporibus culpa dolore molestias blanditiis consequuntur sunt nisi.</p>
                    </div>
                </div>
                <div class="c__Exhibition_container_img_content_item c__projectExhibition">
                    <div class="c__projectxhibitionHover">
                        <div class="iconfont icon-duihua"></div>
                        <h1>Web Development</h1>
                        <p>Natus totam voluptatibus animi aspernatur ducimus quas obcaecati mollitia quibusdam temporibus culpa dolore molestias blanditiis consequuntur sunt nisi.</p>
                    </div>
                </div>
                <div class="c__Exhibition_container_img_content_item c__projectExhibition">
                    <div class="c__projectxhibitionHover">
                        <div class="iconfont icon-xiazai"></div>
                        <h1>HTML5/CSS3</h1>
                        <p>Natus totam voluptatibus animi aspernatur ducimus quas obcaecati mollitia quibusdam temporibus culpa dolore molestias blanditiis consequuntur sunt nisi.</p>
                    </div>
                </div>
                <div class="c__Exhibition_container_img_content_item c__projectExhibition">
                    <div class="c__projectxhibitionHover">
                        <div class="iconfont icon-xiazai"></div>
                        <h1>WordPress Integration</h1>
                        <p>Natus totam voluptatibus animi aspernatur ducimus quas obcaecati mollitia quibusdam temporibus culpa dolore molestias blanditiis consequuntur sunt nisi.</p>
                    </div>
                </div>
                <div class="c__Exhibition_container_img_content_item c__projectExhibition">
                    <div class="c__projectxhibitionHover">
                        <div class="iconfont icon-xiazai"></div>
                        <h1>Web Templates</h1>
                        <p>Natus totam voluptatibus animi aspernatur ducimus quas obcaecati mollitia quibusdam temporibus culpa dolore molestias blanditiis consequuntur sunt nisi.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="c__Exhibition_btn c__projectExhibition_btn">
        </div>
    </div>
    <!-- whyBox -->
    <div class="l__why_container w_100 flex">
        <div class="l__why_content">
            <h1>WHY CHOOSE US</h1>
            <p>Natus totam voluptatibus animi aspernatur ducimus quas obcaecati mollitia quibusdam temporibus culpa dolore molestias blanditiis consequuntur sunt nisi.</p>
        </div>
    </div>
    <!-- 优势 -->
    <div class="l__advantage flex w_100 flex">
        <div class="l__advantage_container flex flexCenter">
            <div class="l__advantage_container_item item1">
                <h1>ADVANTAGE 1</h1>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
                <p class="p_modification">STARTING AT</p>
                <h2>NO1</h2>
                <p class="p_modification">PER MONTH</p>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum enim nobis aspernatur saepe dolores?</p>
                <a href="#啥也不是">READ MORE</a>
            </div>
            <div class="l__advantage_container_item  item2">
                <h1>ADVANTAGE 2</h1>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
                <p class="p_modification">STARTING AT</p>
                <h2>NO2</h2>
                <p class="p_modification">PER MONTH</p>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum enim nobis aspernatur saepe dolores?</p>
                <a href="#啥也不是">READ MORE</a>
            </div>
            <div class="l__advantage_container_item  item3">
                <h1>ADVANTAGE 3</h1>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
                <p class="p_modification">STARTING AT</p>
                <h2>NO3</h2>
                <p class="p_modification">PER MONTH</p>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum enim nobis aspernatur saepe dolores?</p>
                <a href="#啥也不是">READ MORE</a>
            </div>
           
        </div>
    </div>
    <!-- 表单 -->
    <div class="c__forms_container w_100 flex">
        <div class="c__forms_content flex flexCenterEnds">
            <div class="c__forms_img">
                <img src="./images/c__forms/1.jpg" class=" img-fluid" alt="">
            </div>
            <div class="c__forms_text">
                <form action="#">
                    <h1>CONTACT US</h1>
                    <p>Natus totam voluptatibus animi aspernatur ducimus quas obcaecati mollitia quibusdam temporibus culpa dolore molestias blanditiis consequuntur sunt nisi.</p>
                    <div>
                        <label for="#">
                            <input type="text" placeholder="姓">
                        </label>
                    </div>
                    <div>
                        <label for="#">
                            <input type="text" placeholder="名">
                        </label>
                    </div>
                    <div>
                        <label for="">
                            <input type="text" name="" id="" placeholder="电话">
                        </label>
                    </div>
                    <div>
                        <label for="">
                            <input type="text" name="" id="" placeholder="邮件">
                        </label>
                    </div>
                    <textarea name="" id="" cols="30" rows="10" placeholder="填写您的备注"></textarea>
                    <a href="#啥也不是">提交</a>
                </form>
            </div>
        </div>
    </div>
    <!-- 尾部 -->
    <footer class="l_footer w_100 flex flexCenter">
        <div class="l_footer_container flex">
            <div class="l_footer_container_text">
                <h1>ABOUT US</h1>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro consectetur ut hic ipsum et veritatis corrupti. Itaque eius soluta optio dolorum temporibus in, atque, quos fugit sunt sit quaerat dicta.</p>
            </div>
            <div class="l_footer_container_link">
                <h1>LINKS</h1>
                <a class="Home" href="#啥也不是">Home</a>
                <a class="Projects" href="#啥也不是">Projects</a>
                <a class="Process" href="#啥也不是">Process</a>
                <a class="Testimonials" href="#啥也不是">Testimonials</a>
                <a class="Services" href="#啥也不是">Services</a>
            </div>
            <div class="l_footer_container_lianxi">
                <h1>SUBSCRIBE</h1>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt incidunt iure iusto architecto? Numquam, natus?</p>
                <div class="flex">
                    <input type="text"placeholder="邮箱"><a href="#啥也不是">提交</a>
                </div>
            </div>
        </div>
        <div class="l__footer_about">
            <p>Copyright © 2022.Company name All rights reserved.</p>
        </div>
    </footer>
</body>

</html>